<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>联系我们</title>
    <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/index.css') }}">
</head>
<body>
    <!-- 容器 -->
    <div class="container">
        <!-- 导航栏 -->
        <nav>
            <ul>
                <li><a href="/">首页</a></li>
                <li><a href="/products">产品</a></li>
                <li><a href="/cart">购物车</a></li>
                <li><a href="/orders">我的订单</a></li>
                <li><a href="/orders">我的订单</a></li>
                <li><a href="/about">关于我们</a></li>
                <li><a href="/contact">联系我们</a></li>
                {% if 'username' in session %}
                <li><a href="/profile">个人资料</a></li>
                <li>
                    {% if avatar %}
                    <img src="data:image/jpeg;base64,{{ avatar | b64encode }}" alt="头像" style="width: 30px; height: 30px; border-radius: 50%; vertical-align: middle; margin-right: 10px;">
                    {% endif %}
                    <a href="/logout">登出</a>
                </li>
                {% else %}
                <li><a href="/login">登录</a></li>
                <li><a href="/register">注册</a></li>
                {% endif %}
            </ul>
        </nav>

        <!-- 主内容 -->
        <div class="main-content">
            <h2>联系我们</h2>
            <p>感谢您光临我们的购物商店！如果您有任何问题、建议或反馈，请通过以下表单与我们联系。
                我们重视您的意见，并致力于为您提供更好的购物体验。请填写您的联系方式和详细问题，我们的客服团队将尽快与您取得联系：</p>
            <form action="/submit_contact" method="post">
                <label for="name">姓名:</label>
                <input type="text" id="name" name="name" required>

                <label for="email">电子邮件:</label>
                <input type="email" id="email" name="email" required>

                <label for="message">消息:</label>
                <textarea id="message" name="message" rows="4" required></textarea>

                <button type="submit">提交</button>
            </form>
            <p>或者您可以通过QQ或电话与我们联系:</p>
            <p>我的QQ:
                <a href="tencent://AddContact/?fromId=45&fromSubId=1&subcmd=all&uin=YOUR_QQ_NUMBER">
                    <img src="{{ url_for('static', filename='image/qq.png') }}" alt="QQ" style="width: 16px; height: 16px; vertical-align: middle;">
                    2454938150
                </a>
                <p>我的电话:17602376993</p>
            </p>
        </div>
    </div>

    <!-- 页脚 -->
    <footer>
        <p>&copy; 2024 网上商店。保留所有权利。</p>
        <ul>
            <li><a href="/terms">服务条款</a></li>
            <li><a href="/privacy">隐私政策</a></li>
        </ul>
    </footer>
</body>
</html>
